import ReactDOM from 'react-dom/client'
// 导入antd全局样式
import 'antd/dist/antd.min.css'
// 全局样式
import './index.scss'
import App from './App'
import reportWebVitals from './reportWebVitals'
// import { HashRouter } from 'react-router-dom'
import { HistoryRouter, history } from '@/router/history'

import { Provider } from 'react-redux'
import store from './store'
import zhCN from 'antd/es/locale/zh_CN'
import { ConfigProvider } from 'antd'

// 1. 创建根实例(声明react管理边界)
const root = ReactDOM.createRoot(document.getElementById('root'))
// 2. 挂载渲染App根组件
root.render(
  // 集成redux的store
  <Provider store={store}>
    <HistoryRouter history={history}>
      <ConfigProvider locale={zhCN}>
        <App />
      </ConfigProvider>
    </HistoryRouter>
  </Provider>
)

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals()
